<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="full-screen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="keywords" content="宠物寄养，狗狗寄养，猫寄养，寄养宠物，宠物家庭寄养，小狗在家宠物寄养" />
    <meta name="description" content="小狗在家宠物寄养为宠物主人提供家庭式的宠物寄养，包括寄养、洗澡、接送等服务。小狗在家招募宠物寄养家庭，可以自由选择接受寄养的时间，支付保障，免费培训，在线客服等服务。" />
    <title>小狗在家APP下载-有爱专业的宠物寄养APP-小狗在家</title>
    <script>
        var os = function() {
            var ua = navigator.userAgent,
                isQB = /(?:MQQBrowser|QQ)/.test(ua),
                isWindowsPhone = /(?:Windows Phone)/.test(ua),
                isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
                isAndroid = /(?:Android)/.test(ua),
                isFireFox = /(?:Firefox)/.test(ua),
                isChrome = /(?:Chrome|CriOS)/.test(ua),
                isIpad = /(?:iPad|PlayBook)/.test(ua),
                isTablet = /(?:iPad|PlayBook)/.test(ua) || (isFireFox && /(?:Tablet)/.test(ua)),
                isSafari = /(?:Safari)/.test(ua),
                isPhone = /(?:iPhone)/.test(ua) && !isTablet,
                isOpen = /(?:Opera Mini)/.test(ua),
                isUC = /(?:UCWEB|UCBrowser)/.test(ua),
                isPc = !isPhone && !isAndroid && !isSymbian;
            return {
                isQB: isQB,
                isTablet: isTablet,
                isPhone: isPhone,
                isAndroid: isAndroid,
                isPc: isPc,
                isOpen: isOpen,
                isUC: isUC,
                isIpad: isIpad
            };
        }();

        var searchstr = window.location.search,
            hashstr = window.location.hash;

        if (os.isPc) {
            window.location.replace("pc.html" + searchstr + hashstr);
        }
    </script>
    <link rel="stylesheet" type="text/css" href="css/mobile.css" />
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?4c291e44e47384af92340825d8a0fb08";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>
    <!-- 背景图 -->
    <div class="page-bg page-bg-2 active" style="z-index: -10"></div>
    <div class="page-bg page-bg-4"></div>
    <div class="page-bg page-bg-6"></div>
    <div class="page-bg page-bg-8"></div>
    <!-- 背景图 -->
    <div class="main" id="skrollr-body">
        <section class="page page-1">
            <img class="logo" src="img/mobile/logo.png">
            <h1>小狗在家，全新改版上线 更好玩，更疯狂</h1>
            <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.viptail.xiaogouzaijia"><img src="img/mobile/ios.png"></a>
            <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.viptail.xiaogouzaijia"><img src="img/mobile/android.png"></a>
            <img class="code" src="img/mobile/code.png">
        </section>
        <section class="page page-img page-2" data-emit-events data-top>
            <h3 data-emit-events data-center-top>小狗在家，像你一样爱TA</h3>
        </section>
        <section class="page page-detial page-3">
            <h2>快速匹配寄养需求</h2>
            <p>主人出差旅游
                <br />寄样在各个“野生父母”那
                <br />不是亲妈胜似亲妈</p>
            <ul class="figs t1">
                <li>拒绝无保障</li>
                <li>拒绝不专业</li>
                <li>拒绝笼养</li>
            </ul>
            <img class="phone" src="img/mobile/screen1.png" alt="" />
        </section>
        <section class="page page-img page-4" data-emit-events data-bottom-top>
            <h3 data-emit-events data-center-top>小狗在家，像你一样爱TA</h3>
        </section>
        <section class="page page-detial page-5">
            <h2>安全保障服务</h2>
            <p>寄样的安全性全由我们保证
                <br />寄养家庭全部受到实名认证和环境审核
                <br />更有完善保障服务，让你寄养无忧</p>
            <ul class="figs t2">
                <li style="text-align:left;">寄样家庭审核</li>
                <li>保障服务</li>
                <li>合作医院</li>
            </ul>
            <img class="phone" src="img/mobile/screen2.png" alt="" />
        </section>
        <section class="page page-img page-6" data-emit-events data-bottom-top>
            <h3 data-emit-events data-center-top>小狗在家，像你一样爱TA</h3>
        </section>
        <section class="page page-detial page-7">
            <h2>最好玩的宠物类原创社区</h2>
            <p>全新社区改版
                <br />多样化的频道照顾您的各种阅读娱乐需求
                <br/>更多活动、更多萌宠内容实时发布</p>
            <ul class="figs t3">
                <li>原创</li>
                <li>频道</li>
                <li>全新首页</li>
            </ul>
            <img class="phone" src="img/mobile/screen3.png" alt="" />
        </section>
        <section class="page page-img page-8" data-emit-events data-bottom-top></section>
        <div class="last-page">
            <h2>让宠物寄养更安心</h2>
            <p>专业的宠物寄养服务
                <br />让您安心出行</p>
            <img src="img/pc/love.png">
        </div>
        <div class="footer">
            <a href="http://www.viptail.com/help/about.html">关于我们</a>
            <a href="http://www.viptail.com/help/helpCenter.html">帮助中心</a>
            <p>Copyright ©
                <script>
                    document.write((new Date()).getFullYear());
                </script> viptail.com&nbsp;&nbsp;闽ICP备14012787号-1</p>
        </div>
    </div>
</body>
<script src="js/zepto.min.js"></script>
<script src="js/skrollr.min.js"></script>
<script>
    $(function() {

        var $body = $('body');

        var $pages = $('.page');
        var $firstPage = $('.page-1');
        //背景图
        var $pageBGs = $('.page-bg');
        //含有大图的页面
        var $imgPages = $('.page-img');
        //含有复杂文案的页面
        var $detialPages = $('.page-detial');

        var mySkrollr;

        /*设定高度*/
        initHight();
        $(window).resize(initHight);

        function initHight() {
            window.scrollTo(0, 1);

            var screenH = window.screen.height;
            var viewH = window.innerHeight;

            $body.css('height', viewH);
            $firstPage.css('height', viewH);
            $imgPages.css('height', viewH);
            $detialPages.css('height', viewH);
            $pageBGs.css('height', viewH);

            if (screenH - viewH >= 80) {
                $('.page-1 .logo').css('margin-top', '6%');
                $('.page-1 h1').css('margin', '8% auto 6%');
                $('.page-1 img.code').css('margin-top', '8%');
                $('.page-detial .phone').css({
                    'width': '60%',
                    'left': '20%'
                });
            }

            setTimeout(function() {
                if (mySkrollr) {
                    mySkrollr.destroy();
                }
                initSkrollr();
            }, 0);
        }

        var $page2 = $(".page-2");
        var $page4 = $(".page-4");
        var $page6 = $(".page-6");
        var $page8 = $(".page-8");

        function initSkrollr() {
            mySkrollr = skrollr.init({
                smoothScrolling: false,
                mobileDeceleration: 0.002,
                keyframe: function(element, name, direction) {
                    var nameDir = name + "." + direction;

                    //显示对应背景图
                    if (element == $page2[0]) {
                        if (nameDir == "dataBottomTop.down" || nameDir == "dataTopBottom.up") {
                            $pageBGs.eq(0).addClass('active');
                        } else if (nameDir == "dataBottomTop.up" || nameDir == "dataTopBottom.down") {
                            $pageBGs.eq(0).removeClass('active');
                        }
                    } else if (element == $page4[0]) {
                        if (nameDir == "dataBottomTop.down" || nameDir == "dataTopBottom.up") {
                            $pageBGs.eq(1).addClass('active');
                        } else if (nameDir == "dataBottomTop.up" || nameDir == "dataTopBottom.down") {
                            $pageBGs.eq(1).removeClass('active');
                        }
                    } else if (element == $page6[0]) {
                        if (nameDir == "dataBottomTop.down" || nameDir == "dataTopBottom.up") {
                            $pageBGs.eq(2).addClass('active');
                        } else if (nameDir == "dataBottomTop.up" || nameDir == "dataTopBottom.down") {
                            $pageBGs.eq(2).removeClass('active');
                        }
                    } else if (element == $page8[0]) {
                        if (nameDir == "dataBottomTop.down" || nameDir == "dataTopBottom.up") {
                            $pageBGs.eq(3).addClass('active');
                        } else if (nameDir == "dataBottomTop.up" || nameDir == "dataTopBottom.down") {
                            $pageBGs.eq(3).removeClass('active');
                        }
                    }
                }
            });
        }

    });
</script>

</html>
